import router from '@/router'
import store from '@/store'
import NProgress from 'nprogress' // 引入一份进度条插件
import 'nprogress/nprogress.css'
import { getToken } from '@/utils/auth'

// 前置导航守卫
router.beforeEach(async(to, from, next) => {
  NProgress.start()
  // console.log(store.getters.token)
  const whiteList = ['/login', '/404']
  if (store.getters.token && getToken()) {
    if (to.path === '/login') {
      next({ path: '/' })
    } else {
      // 用户信息很多地方需要使用，因此采用在导航守卫这里除了登陆外的地方调用
      if (!store.getters.name) {
        const res = await store.dispatch('user/getUserInfo')
        // 获取玩用户信息后筛选用户有权限看到的路由 控制渲染菜单
        const routes = await store.dispatch('permission/filterRoutes', res.roles.menus)
        // 控制完菜单同时利用 router.addRoutes()方法动态添加路由配置  在路由那里就不用加入所有的动态路由了
        router.addRoutes([...routes, { path: '*', redirect: '/404', hidden: true }])
        next(to.path)
      } else {
        next()
      }
    }
  } else {
    if (whiteList.indexOf(to.path) !== -1) {
      next()
    } else {
      next({ path: '/login' })
    }
  }
})

// 后置导航守卫
router.afterEach(() => {
  NProgress.done()
})
